<template>
	<view class="content">
		<uni-list>
			<uni-list-item v-for="item in lists" :key="item.url" :title="item.name" clickable @click="open(item.url)" showArrow></uni-list-item>
		</uni-list>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				lists: [{
					name: "云端一体 评论模板",
					url: "/uni_modules/uni-list-comments/pages/index/index"
				}, {
					name: "云端一体 新闻详情",
					url: "/uni_modules/uni-list-detail/pages/index/index"
				}, {
					name: "云端一体 商品模板",
					url: "/uni_modules/uni-list-goods/pages/index/index"
				}, {
					name: '云端一体 商品模板（宫格）',
					url: '/uni_modules/uni-list-goods-grid/pages/index/index'
				}, {
					name: '云端一体 商品模板（列表）',
					url: '/uni_modules/uni-list-goods-list/pages/index/index'
				}, {
					name: '云端一体 新闻列表（混合布局）',
					url: '/uni_modules/uni-list-news/pages/index/index'
				}, {
					name: '云端一体 新闻列表（多图模式）',
					url: '/uni_modules/uni-list-news-images/pages/index/index'
				}, {
					name: '云端一体 新闻列表（左图右文）',
					url: '/uni_modules/uni-list-news-left-image/pages/index/index'
				}, {
					name: '云端一体 新闻列表（右图左文）',
					url: '/uni_modules/uni-list-news-right-image/pages/index/index'
				}, {
					name: '云端一体 新闻列表（无图模式）',
					url: '/uni_modules/uni-list-news-title/pages/index/index'
				}, {
					name: '云端一体 新闻列表（图文混排）',
					url: '/uni_modules/uni-list-news-title-image/pages/index/index'
				}, {
					name: '云端一体 新闻列表（大图模式）',
					url: '/uni_modules/uni-list-news-top-image/pages/index/index'
				}]
			}
		},
		onLoad() {

		},
		methods: {

			open(url) {
				uni.navigateTo({
					url: url
				})
			}
		}
	}
</script>

<style>
</style>